<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!--开发环境设置，生产环境请删除-->
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="0" />
		<meta http-equiv="Cache-Control" content="no-cache,no-store, must-revalidate">
		<!--引入应用样式-->
		<link rel="stylesheet" href="./css/style.css" />
		<!-- 引入Vue -->
		<script src="./js/vue.js"></script>
		<!--引入element ui核心js文件-->
		<script src="./js/element_ui_main.js"></script>
		<!--引入element ui核心css文件-->
		<link rel="stylesheet" href="./element_ui_main.css" />
		<!--引入axios核心文件-->
		<script src="./js/axios.min.js"></script>
		<!--引入Vue-roter-->
		<script src="./js/vue-router.js"></script>
		<!--引入RAS算法库-->
		<script src="./js/jsencrypt.min.js"></script>
		<!--引入组件库-->
		<script src="./js/Component_Library.js"></script>
		<!-- 引入Vuex -->
		<script src="./js/vuex.js" type="text/javascript"></script>
		<!-- 引入Vuex核心库 -->
		<title>创意家</title>
		<style>
			.el-tooltip__popper {	
			  max-width: 100px;
			  size: a4;
			}
			body .el-scrollbar__wrap {
			    overflow-x: hidden;
			}
			.el-scrollbar__thumb{
				background: #fff;
			}
			.is-dot{
				position: relative;
				top:50px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<!--start登录界面-->
			<button type="button" @click="testbutton()">测试</button>
			<button type="button" @click="testbutton2()">测试2</button>
			<el-dialog title="登录" :visible.sync="signdialog" :show-close="false" width="500px" :destroy-on-close="true"  :close-on-click-modal="false" :close-on-press-escap="false" :before-close="notloding" center>
			  <el-form :model="form" :rules="rules" style="margin-left: 17%; width: 300px;">
			    <el-form-item label="用户名" prop="name">
			      <el-input v-model="form.name" autocomplete="off" style="width: 200px;"></el-input>
			    </el-form-item>
			    <el-form-item label="密码" prop="pass" style="margin-left: 15px;">
					<el-input v-model="form.pass" autocomplete="off" style="width: 200px;" show-password></el-input>
			    </el-form-item>
			  </el-form>
			  <div slot="footer" class="dialog-footer">
			    <el-button type="primary" @click="sign_in()">登 录</el-button>
			  </div>
			</el-dialog>
			<!--end-->
			<!-- start主体 -->
			<el-menu
			  class="el-menu-demo"
			  mode="horizontal"
			  @select="handleSelect"
			  background-color="#545c64"
			  text-color="#fff"
			  active-text-color="#ffd04b">
			  <el-menu-item index="1">首页</el-menu-item>
			  <el-submenu index="2">
			    <template slot="title">我的工作台</template>
			    <el-menu-item index="2-1">选项1</el-menu-item>
			    <el-menu-item index="2-2">选项2</el-menu-item>
			    <el-menu-item index="2-3">选项3</el-menu-item>
			    <el-submenu index="2-4">
			      <template slot="title">选项4</template>
			      <el-menu-item index="2-4-1">选项1</el-menu-item>
			      <el-menu-item index="2-4-2">选项2</el-menu-item>
			      <el-menu-item index="2-4-3">选项3</el-menu-item>
			    </el-submenu>
			  </el-submenu>		  
			  <el-menu-item index="3">
				<el-badge is-dot class="item" :hidden="ShowHidden" ref="InBadge"><a>消息中心</a> </el-badge>
			  </el-menu-item> 
			</el-menu>
			<el-row class="tac">
				<!-- start功能栏 -->
				<el-col :span="4">
					<el-menu default-active="0" class="el-menu-vertical-demo" 
						background-color="#545c64" text-color="#fff" active-text-color="#fff" router>
						<el-menu-item index="Project_Components" @click="Project_switch()">
							<i class="el-icon-folder-opened"></i>
							<span>项目</span>
						</el-menu-item>
						<el-menu-item index="role" @click="Role_switch()">
							<i class="el-icon-s-custom"></i>
							<span slot="title">角色</span>
						</el-menu-item>
						<el-menu-item index="event" @click="EventSwitch()">
							<i class="el-icon-s-order"></i>
							<span slot="title">事件</span>
						</el-menu-item>
						<el-menu-item index="4" @click="ComponentSwitch()">
							<i class="el-icon-location"></i>
							<span slot="title">地点</span>
						</el-menu-item>
						<el-menu-item index="5" @click="ComponentSwitch()">
							<i class="el-icon-share"></i>
							<span slot="title">线索</span>
						</el-menu-item>
						<el-menu-item index="6" @click="ComponentSwitch()">
							<i class="el-icon-s-flag"></i>
							<span slot="title">阵营</span>
						</el-menu-item>
						<el-menu-item index="7" @click="ComponentSwitch()">
							<i class="el-icon-magic-stick"></i>
							<span slot="title">道具、宝物</span>
						</el-menu-item>
						<el-menu-item index="8" @click="ComponentSwitch()">
							<i class="el-icon-time"></i>
							<span slot="title">时间轴</span>
						</el-menu-item>
						<el-menu-item index="9" @click="ComponentSwitch()">
							<svg t="1646788510592" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2517" width="20" height="20"><path d="M512 472a40 40 0 1 0 80 0 40 40 0 1 0-80 0z" p-id="2518" fill="#909399"></path><path d="M879 824.9L696.3 352V178H768v-68H256v68h71.7v174L145 824.9c-2.8 7.4-4.3 15.2-4.3 23.1 0 35.3 28.7 64 64 64h614.6c7.9 0 15.7-1.5 23.1-4.3 33-12.7 49.4-49.8 36.6-82.8zM395.7 364.7V180h232.6v184.7L719.2 600c-20.7-5.3-42.1-8-63.9-8-61.2 0-119.2 21.5-165.3 60-33.9 28.2-76.3 43.9-121.3 43.9-32.7 0-64.1-8.3-91.8-23.7l118.8-307.5zM210.5 844l41.7-107.8c35.7 18.1 75.4 27.8 116.6 27.8 61.2 0 119.2-21.5 165.3-60 33.9-28.2 76.3-43.9 121.3-43.9 35 0 68.4 9.5 97.6 27.1L813.5 844h-603z" p-id="2519" fill="#909399" data-spm-anchor-id="a313x.7781069.0.i9" class=""></path></svg>
							<span slot="title">实验功能</span>
						</el-menu-item>
						<!--start占位-->
						<el-menu-item>
						</el-menu-item>
						<el-menu-item>
						</el-menu-item>
						<el-menu-item>
						</el-menu-item>
						<el-menu-item>
						</el-menu-item>
						<!--end-->
					</el-menu>
				</el-col>
				<!-- end -->
				<!-- start功能栏出口 -->
				<el-col :span="2" style="background-color: #545c64; height: 728px;"><router-view></router-view></el-col>
				<!-- end -->
				<!-- start模块出口 -->
				<el-col :span="18">
					<div id="main"  style="width: 99.9%; height: 728px; background-color: #545c64; float: right;">						
						<story_overview v-on:backid="receivestoryid" ref="so" :token.sync="token" :tabledata="ftabledata"></story_overview>
						<role_module ref="rm" :tabledata='roledata' :token.sync="token" :storyid="storyid" id="rmy"></role_module>
						<chart ref="ro"></chart>
						<router-view name="content"></router-view>
					</div>
				</el-col>
				<!-- end -->
			</el-row>
		</div>
	</body>
	<script src="./js/store.js" type="text/javascript"></script>
	<script src="./js/index_main.js" type="text/javascript"></script>
</html>
